<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <title>修改个人密码</title>-->
<!--    <meta charset="utf-8">-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <meta http-equiv="cache-control" content="no-cache">-->
<!--    <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT">-->
<!--    <link rel="shortcut icon" href="images/icons/favicon.ico" th:href="@{/images/icons/favicon.ico}">-->
<!--    <link rel="apple-touch-icon" href="images/icons/favicon.png" th:href="@{/images/icons/favicon.png}">-->
<!--    <link rel="apple-touch-icon" sizes="72x72" href="images/icons/favicon-72x72.png"-->
<!--          th:href="@{/images/icons/favicon-72x72.png}">-->
<!--    <link rel="apple-touch-icon" sizes="114x114" href="images/icons/favicon-114x114.png"-->
<!--          th:href="@{/images/icons/favicon-114x114.png}">-->
<!--    &lt;!&ndash; Loading bootstrap css&ndash;&gt;-->
<!--    <link type="text/css" rel="stylesheet"-->
<!--          href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700">-->
<!--    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,700,300">-->
<!--    <link type="text/css" rel="stylesheet"-->
<!--          href="../static/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css"-->
<!--          th:href="@{/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/font-awesome/css/font-awesome.min.css"-->
<!--          th:href="@{/vendors/font-awesome/css/font-awesome.min.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/bootstrap/css/bootstrap.min.css"-->
<!--          th:href="@{/vendors/bootstrap/css/bootstrap.min.css}">-->
<!--    &lt;!&ndash; LOADING STYLESHEET FOR PAGE&ndash;&gt;-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/intro.js/introjs.css"-->
<!--          th:href="@{/vendors/intro.js/introjs.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/calendar/zabuto_calendar.min.css"-->
<!--          th:href="@{/vendors/calendar/zabuto_calendar.min.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/sco.message/sco.message.css"-->
<!--          th:href="@{/vendors/sco.message/sco.message.css}">-->
<!--    &lt;!&ndash; Loading style vendors&ndash;&gt;-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/animate.css/animate.css"-->
<!--          th:href="@{/vendors/animate.css/animate.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/jquery-pace/pace.css"-->
<!--          th:href="@{/vendors/jquery-pace/pace.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/iCheck/skins/all.css"-->
<!--          th:href="@{/vendors/iCheck/skins/all.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/jquery-notific8/jquery.notific8.min.css"-->
<!--          th:href="@{/vendors/jquery-notific8/jquery.notific8.min.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css"-->
<!--          th:href="@{/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css}">-->
<!--    &lt;!&ndash; Loading style&ndash;&gt;-->
<!--    <link type="text/css" rel="stylesheet" href="../static/css/themes/style1/orange-blue.css" class="default-style"-->
<!--          th:href="@{/css/themes/style1/orange-blue.css}">-->
<!--    <link type="text/css" rel="stylesheet" href="../static/css/themes/style1/orange-blue.css" id="theme-change"-->
<!--          class="style-change color-change" th:href="@{/css/themes/style1/orange-blue.css}">-->
<!--    &lt;!&ndash;  <link type="text/css" rel="stylesheet" href="css/style-responsive.css">&ndash;&gt;-->
<!--    &lt;!&ndash; 新增加的css样式&ndash;&gt;-->
<!--    <link type="text/css" rel="stylesheet" href="../static/css/addcss.css" th:href="@{/css/addcss.css}">-->
<!--    <script src="/static/js/jquery-2.1.1.min.js" th:src="@{/js/jquery-2.1.1.min.js}"></script>-->
<!--    &lt;!&ndash; 修改密码样式 &ndash;&gt;-->
<!--    <link rel="stylesheet" type="text/css" href="css/change/link.css" th:href="@{/change/css/link.css}"/>-->
<!--    <link rel="stylesheet" type="text/css" href="css/change/layui.css" th:href="@{/change/css/layui.css}"/>-->

<!--    <style>-->
<!--        body{-->
<!--            font-size: 13px !important;-->
<!--        }-->
<!--        .pwd_s{-->
<!--            width: 295px;-->
<!--            color: red;-->
<!--            margin: 5px -100px;-->
<!--        }-->
<!--        .rebinding-box .onebox-form .onebtn-box{width: 130px;height: 40px;margin: 0px 75px;}-->
<!--        .rebinding-box .twobox-form .twobtn-box{margin: -10px 75px;}-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--<div>-->
<!--    <a id="totop" href="#"><i class="fa fa-angle-up"></i></a>-->
<!--    &lt;!&ndash; 引用头部 &ndash;&gt;-->
<!--    <div th:replace="common/top::topFragment"></div>-->
<!--    <div id="wrapper">-->
<!--        &lt;!&ndash; 引用左菜单导航栏 &ndash;&gt;-->
<!--        <div th:replace="common/leftToolBar::leftToolbar"></div>-->
<!--        <div id="page-wrapper">-->
<!--            &lt;!&ndash; 引用工具条 &ndash;&gt;-->
<!--            <div th:replace="common/toolBar::toolBar"></div>-->
<!--            &lt;!&ndash; 右侧区内容的编写 &ndash;&gt;-->
<!--            <div class="page-content">-->
<!--                <div class="" style="margin-bottom: 15px;text-align: center">-->
<!--                    &lt;!&ndash;  修改 密码（Modal）&ndash;&gt;-->
<!--                    <div class="rebinding-box">-->
<!--                        <div class="box-title">-->
<!--                            <h2 class="mtb5">修改密码</h2>-->
<!--                            <i>为了保障您的帐户安全，请先进行安全验证</i>-->
<!--                        </div>-->
<!--                        <div class="box-timeline">-->
<!--                            <ul class="text-center" style="width: 800px;">-->
<!--                                <li>-->
<!--                                    填写原密码-->
<!--                                    <div class="box-num1">-->
<!--                                        1-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li class="ml45">-->
<!--                                    输入新密码-->
<!--                                    <div class="box-outside1 outside1ab" id="outside1abs">-->
<!--                                        <div class="box-num2 num2ab">-->
<!--                                            2-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li class="ml45">-->
<!--                                    完成-->
<!--                                    <div class="box-outside2 outside2a" id="outside2as">-->
<!--                                        <div class="box-num3 num3a">-->
<!--                                            3-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <div class="clear">-->

<!--                                </div>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        &lt;!&ndash;第一步&ndash;&gt;-->
<!--                        <div class="onebox-form" id="oneform">-->
<!--                            <div class="oneform">-->
<!--                                <div class="oneform-box">-->
<!--                                    <label class="oneform-label">原密码</label>-->
<!--                                    <div class="oneform-input">-->
<!--                                        <input type="password" id="password" autocomplete="off"-->
<!--                                               placeholder="请填写登录密码，认证帐号" name="password" >-->
<!--                                        <span class="pwd_s" id="up_pwd"></span>-->
<!--                                    </div>-->

<!--                                </div>-->
<!--                                <div class="onebtn-box">-->
<!--                                    <button class="onebtn" id="onebtn" onclick="nextStep()">下一步</button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        &lt;!&ndash;第二步&ndash;&gt;-->
<!--                        <div class="twobox-form" id="twoform">-->
<!--                            <form class="twoform" th:action="@{/employee/updatePassword}" method="post">-->
<!--                                <div class="twoform-box">-->
<!--                                    <div class="newtel">-->
<!--                                        <label class="twoform-label">新密码</label>-->
<!--                                        <input type="hidden" name="empId" th:value="${session.employee.empId}" id="empId">-->
<!--                                        <div class="twoform-input">-->
<!--                                            <input type="password" id="newPassword" autocomplete="off" placeholder="输入6-20个字母、数字、下划线" name="newPassword">-->
<!--                                            <span class="pwd_s" id="xin_pwd" style="margin-left: -40px"></span>-->
<!--                                        </div>-->


<!--                                    </div>-->

<!--                                </div>-->
<!--                            </form>-->
<!--                            <div class="twobtn-box">-->
<!--                                <button class="twobtn" id="twobtn" onclick="nextSteps()">下一步</button>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        &lt;!&ndash;第三步&ndash;&gt;-->
<!--                        <div class="threebox-form" id="threeform">-->
<!--                            <div class="successr">-->
<!--                                <div class="symbol">-->

<!--                                </div>-->
<!--                                <p>恭喜您，修改密码成功! 3秒之后返回登录页面。</p>-->
<!--                                &lt;!&ndash;<button onclick="javascript:location.href='/'" id="confirm" class="confirm">重新登录</button>&ndash;&gt;-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;<script type="text/javascript" th:src="@{change/js/layui.js}"></script>-->
<!--                &ndash;&gt;<script type="text/javascript">-->
<!--                    //修改左上角的面包屑-->
<!--                    $(function () {-->
<!--                        $("#breadAppend").append('<i class="fa fa-home"></i> <a href="#">系统管理</a> <i class="fa fa-angle-right"></i> <a href="#">修改个人密码</a>');-->
<!--                        $("#SystemManage").addClass("active");-->

<!--                    });//修改左上角的面包屑完毕-->
<!--                    //修改密码js-->
<!--                    var onebtns=document.getElementById("onebtn");-->
<!--                    var twobtns=document.getElementById("twobtn");-->
<!--                    var soutside1ab=document.getElementById("outside1abs");-->
<!--                    var soutside2as=document.getElementById("outside2as");-->
<!--                    var oneforms=document.getElementById("oneform");-->
<!--                    var twoforms=document.getElementById("twoform");-->
<!--                    var threeforms=document.getElementById("threeform");-->


<!--                    //原密码-->
<!--                    function nextStep(){-->
<!--                        var oldPwd = $("#oldpwd").html();-->
<!--                        var password = $("#password").val();-->
<!--                        // console.log(oldPwd);-->
<!--                        if (password == "")-->
<!--                        {-->
<!--                            $("#up_pwd").css("display", "block");-->
<!--                            $("#up_pwd").html("密码不能为空");-->
<!--                            return false;-->
<!--                        }else if(password != oldPwd){-->
<!--                            $("#up_pwd").css("display", "block");-->
<!--                            $("#up_pwd").html("原密码不正确");-->
<!--                            return false;-->
<!--                        } else{-->
<!--                            soutside1ab.classList.remove("outside1ab");-->
<!--                            oneforms.style.display="none";-->
<!--                            twoforms.style.display="block";-->
<!--                        }-->
<!--                        return true;-->

<!--                    }-->
<!--                    //新密码-->
<!--                    function nextSteps(){-->
<!--                        var newPassword=$("#newPassword").val();-->
<!--                        var patrn=/^(\w){6,20}$/;-->
<!--                        if (!patrn.exec(newPassword))-->
<!--                        {-->
<!--                            $("#xin_pwd").css("display","block");-->
<!--                            $("#xin_pwd").html("只能输入6-20个字母、数字、下划线");-->
<!--                            return false;-->

<!--                        } else {-->
<!--                            threeforms.style.display="block";-->
<!--                            twoforms.style.display="none";-->
<!--                            soutside2as.classList.remove("outside2a");-->
<!--                        }-->
<!--                        $.post("/employee/updatePassword", {-->
<!--                            empId:$("#empId").val(),-->
<!--                            newPassword:$("#newPassword").val()-->
<!--                        }, function (data) {-->
<!--                            if (data.success) {-->
<!--                                setTimeout(function () {-->
<!--                                    location.href="/";-->
<!--                                },3000)-->
<!--                            }-->
<!--                        }, "json");-->

<!--                    }-->
<!--                </script>-->

<!--            </div>-->
<!--            &lt;!&ndash; 引用底部 &ndash;&gt;-->
<!--            <div th:replace="common/bottom::bottom"></div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--&lt;!&ndash; 引用脚本 &ndash;&gt;-->
<!--<div th:replace="common/script::script"></div>-->
<!--</body>-->
<!--</html>-->
